import { RouteRecordRaw } from 'vue-router'

const routes: Array<RouteRecordRaw> = [
  {
    name: '首页',
    path: '/',
    component: () => import('../views/root.vue'),
    meta: { desc: '首页' },
  },
  {
    name: '自定义指定实现拖拽效果',
    path: '/drag',
    component: () => import('../views/drag.vue'),
    meta: { desc: '自定义指定实现拖拽效果' },
  },
  {
    name: '动态类名的两种方式',
    path: '/dynamicclass',
    component: () => import('../views/dynamicClass.vue'),
    meta: { desc: '动态类名的两种方式' },
  },
  {
    name: 'piniaDemo',
    path: '/count',
    component: () => import('../views/PiniaDemo.vue'),
    meta: { desc: 'PiniaDemo' },
  },
  {
    name: 'longPress',
    path: '/longpress',
    component: () => import('../views/longpress.vue'),
    meta: { desc: 'longPress长按指令' },
  },
  {
    name: 'fixWhiteScreen',
    path: '/fixWhiteScreen',
    component: () => import('../views/fixWhiteScreen.vue'),
    meta: { desc: 'fixWhiteScreen解决白屏问题' },
  },
  {
    name: 'G6Test',
    path: '/G6Test',
    component: () => import('../views/G6Test.vue'),
    meta: { desc: '阿里Antv G6使用' },
  },
  {
    name: 'elLunarDataPicker',
    path: '/elLunarDataPicker',
    component: () => import('../views/elLunarDataPicker.vue'),
    meta: { desc: 'el data picker  显示农历 节假日' },
  },
  {
    name: 'btns',
    path: '/btns',
    component: () => import('../views/btns.vue'),
    meta: { desc: '各种按钮动画' },
  },
  {
    name: 'heatmapDemo',
    path: '/heatmapDemo',
    component: () => import('../views/heatmapDemo.vue'),
    meta: { desc: '热力图' },
  },
  {
    name: 'trackDemo',
    path: '/trackDemo',
    component: () => import('../views/trackDemo.vue'),
    meta: { desc: '点击事件埋点' },
  },
  {
    name: 'encodeGeojson',
    path: '/encodeGeojson',
    component: () => import('../views/encodeGeojson.vue'),
    meta: { desc: 'encodeGeojson' },
  },
  {
    name: 'NumberSlider',
    path: '/NumberSlider',
    component: () => import('../views/NumberSlider.vue'),
    meta: { desc: 'NumberSlider' },
  },
  {
    name: 'MathJax',
    path: '/MathJax',
    component: () => import('../views/MathJax.vue'),
    meta: { desc: 'MathJax' },
  },
  {
    name: 'eltableTextAlign',
    path: '/eltableTextAlign',
    component: () => import('../views/eltableTextAlign.vue'),
    meta: { desc: 'eltable  文本对齐问题' },
  },
  {
    name: 'slide_split',
    path: '/slide_split',
    component: () => import('../views/slide_split.vue'),
    meta: { desc: 'slide_split' },
  },
  {
    name: 'Progressbar',
    path: '/Progressbar',
    component: () => import('../views/Progressbar/index.vue'),
    meta: { desc: 'Progressbar' },  
  },  {
    name: 'demos',
    path: '/demos',
    component: () => import('../views/demos.vue'),
    meta: { desc: 'demos' },  
  },
]

export default routes
